<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 5px;
    }
    .timeline-wrapper .timeline-row .timeline-item .timeline-icon{
        width: 44px;
        height: 44px;
    }
    .sbTable tr td {
        padding:  5px 0 5px 0;
    }
</style>
<script>
    {% if info is defined %}
    var info = {{ info | json_encode }};
    var staffId = {{ info['iStaffId'] }};
    {% else %}
    var info = null;
    {% endif %}

</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;overflow-y: hidden">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                <li class="active"><a href="#style3Tab1" data-toggle="tab">基本信息</a></li>
                {% if info is defined %}
                    <li class=""><a href="#style3Tab2" data-toggle="tab">应聘&薪酬</a></li>
                    <li class=""><a href="#style3Tab9" data-toggle="tab">附件&资料</a></li>
                    <li  class=""><a href="#style3Tab7" data-toggle="tab">工作相关</a></li>
                    <li class=""><a href="#style3Tab3" data-toggle="tab">教育经历</a></li>
                    <li class=""><a href="#style3Tab4" data-toggle="tab">工作经历</a></li>
                    <li class=""><a href="#style3Tab5" data-toggle="tab">项目经历</a></li>
                    <li class=""><a href="#style3Tab6" data-toggle="tab">家庭成员</a></li>
                    <li class=""><a href="#style3Tab8" data-toggle="tab">合同状况</a></li>
                {% endif %}
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;overflow-y: auto">
                    <div class="scrollView">
                        <div style="padding: 10px;">
                            <form id="xh_form">
                                <div class="xh-area-form">
                                    <table style="width: 100%">
                                        {#<tr>#}
                                            {#<td><label>姓名</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="sStaffName" must="true">#}
                                                {#<input name="iStaffId" type="hidden">#}
                                            {#</td>#}
                                            {#<td><label>性别</label></td>#}
                                            {#<td>#}
                                                {#<select type="text" name="iUserSex">#}
                                                    {#<option value="1">男</option>#}
                                                    {#<option value="2">女</option>#}
                                                {#</select>#}
                                            {#</td>#}
                                            {#<td><label>出生年月</label></td>#}
                                            {#<td>#}
                                                {#<input type="date" name="tBirthday" must="true">#}
                                            {#</td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>民族</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="sNationName" must="true">#}
                                            {#</td>#}
                                            {#<td><label>籍贯</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="sNativePlace" must="true">#}
                                            {#</td>#}
                                            {#<td><label>婚育状况</label></td>#}
                                            {#<td>#}
                                                {#<select type="text" name="bMarried">#}
                                                    {#<option value="0">未婚</option>#}
                                                    {#<option value="1">已婚</option>#}
                                                {#</select>#}
                                            {#</td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>身份证</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="sIdentityCode" must="true">#}
                                            {#</td>#}
                                            {#<td><label>文化程度</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="sCultureLevel">#}
                                            {#</td>#}
                                            {#<td><label>联系电话</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="sSelfPhone" must="true">#}
                                            {#</td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>毕业学校</label></td>#}
                                            {#<td><input   name="sGraduateSchool"   type="text"  ></td>#}

                                            {#<td><label>最高学历</label></td>#}
                                            {#<td><input  name="sCultureLevel" type="text"></td>#}
                                            {#<td><label>毕业时间</label></td>#}
                                            {#<td><input name="tGraduateDate" type="month"></td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>专业</label></td>#}
                                            {#<td><input  name="sProfession"   type="text" ></td>#}
                                            {#<td><label>职称</label></td>#}
                                            {#<td><input   name="sPostLevel"   type="text"  ></td>#}
                                            {#<td><label>岗位</label></td>#}
                                            {#<td><input  name="sPostName" type="text" ></td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>紧急联系人</label></td>#}
                                            {#<td><input   name="sContractName"   type="text"  ></td>#}
                                            {#<td><label>联系人关系</label></td>#}
                                            {#<td><input  name="sContractRelation" type="text" ></td>#}
                                            {#<td><label>联系人电话</label></td>#}
                                            {#<td><input   name="sContractPhone" type="text"></td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>有驾驶证</label></td>#}
                                            {#<td>#}
                                                {#<select name="bCarPlate">#}
                                                    {#<option value="1">是</option>#}
                                                    {#<option value="0">否</option>#}
                                                {#</select>#}
                                            {#</td>#}
                                            {#<td><label>准驾车型</label></td>#}
                                            {#<td colspan="3">#}
                                                {#<input type="text" name="sUseCar">#}
                                            {#</td>#}

                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>QQ:</label></td>#}
                                            {#<td><input   name="sQQNum"   type="text"  ></td>#}
                                            {#<td><label>微信:</label></td>#}
                                            {#<td><input  name="sWeChatNum" type="text" ></td>#}
                                            {#<td><label>电子邮箱:</label></td>#}
                                            {#<td><input   name="sEmailAddress" type="text"></td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>开始工作时间:</label></td>#}
                                            {#<td><input  name="tStartWork"   type="text"  ></td>#}
                                            {#<td><label>家庭住址</label></td>#}
                                            {#<td colspan="3">#}
                                                {#<input type="text" name="sNowAddress">#}
                                            {#</td>#}
                                        {#</tr>#}
                                        {#<tr>#}
                                            {#<td><label>健康状况</label></td>#}
                                            {#<td>#}
                                                {#<input type="text" name="mHealth">#}
                                            {#</td>#}
                                            {#<td><label>户籍地址</label></td>#}
                                            {#<td colspan="3">#}
                                                {#<input name="sFamilyAddress"   type="text"  >#}
                                                {#<table id="sFamilyAddress" style="width: 100%;">#}
                                                    {#<tr>#}
                                                        {#<td><input name="sFamilyAddress"   type="text"  ></td>#}
                                                        {#<td style="width: 34px;"><img src="/img.png" style="width: 34px;height: 34px;"></td>#}
                                                        {#<td style="width: 50px;"><button class="upload btn-sm">上传</button></td>#}
                                                    {#</tr>#}
                                                {#</table>#}
                                            {#</td>#}
                                        {#</tr>#}
                                        <tr>
                                            <td><label>职工姓名</label></td>
                                            <td>
                                                <input name="sStaffName" type="text" must="true">
                                                <input name="iStaffId" type="hidden">
                                            </td>
                                            <td><label>职务岗位</label></td>
                                            <td><input name="sPostName" type="text" ></td>
                                            <td><label>身份证号</label></td>
                                            <td><input name="sIdentityCode" type="text"  must="true"></td>
                                        </tr>
                                        <tr>
                                            <td><label>联系电话</label></td>
                                            <td><input name="sSelfPhone" type="text"  must="true"></td>
                                            <td><label>入职日期</label></td>
                                            <td><input name="tHireDate" type="date" must="true"></td>
                                            <td><label>转正日期</label></td>
                                            <td><input name="tRegularDate" type="date" ></td>
                                        </tr>
                                        <tr>
                                            <td><label>试用期(月数)</label></td>
                                            <td><input name="sProbationDate" type="text" ></td>
                                            <td><label>身份类别</label></td>
                                            <td>
                                                <select name="iOfferStatus" type="text" >
                                                    <option value="0">身份类别</option>
                                                    {% if enums['iOfferStatus'] is defined and enums['iOfferStatus'] | length > 0  %}
                                                        {% for id,text in enums['iOfferStatus'] %}
                                                            <option value="{{ id }}">{{ text }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>
                                            </td>
                                            <td><label>员工分组</label></td>
                                            <td>
                                                <select name="iWorkStatus" type="text" >
                                                    <option value="0">员工分组</option>
                                                    {% if enums['iWorkStatus'] is defined and enums['iWorkStatus'] | length > 0  %}
                                                        {% for id,text in enums['iWorkStatus'] %}
                                                            <option value="{{ id }}">{{ text }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>性别</label></td>
                                            <td>
                                                <select name="iUserSex" type="text" >
                                                    <option value="0">性别</option>
                                                    {% if enums['iUserSex'] is defined and enums['iUserSex'] | length > 0  %}
                                                        {% for id,text in enums['iUserSex'] %}
                                                            <option value="{{ id }}">{{ text }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>
                                            </td>
                                            <td><label>出生日期</label></td>
                                            <td><input name="tBirthday" type="date" must="true"></td>
                                            <td><label>参加工作时间</label></td>
                                            <td><input name="tStartWork" type="month" ></td>
                                        </tr>
                                        <tr>
                                            <td><label>民族</label></td>
                                            <td><input name="sNationName" type="text" ></td>
                                            <td><label>籍贯</label></td>
                                            <td><input name="sNativePlace" type="text" ></td>
                                            <td><label>职称</label></td>
                                            <td><input name="sPostLevel" type="text" ></td>
                                        </tr>
                                        <tr>
                                            <td><label>最高学历</label></td>
                                            <td><input name="sCultureLevel" type="text" ></td>
                                            <td><label>毕业院校</label></td>
                                            <td><input name="sGraduateSchool" type="text" ></td>
                                            <td><label>专业</label></td>
                                            <td><input name="sProfession" type="text" ></td>
                                        </tr>

                                        <tr>
                                            <td><label>紧急联络人</label></td>
                                            <td><input name="sContractName" type="text" ></td>
                                            <td><label>与本人关系</label></td>
                                            <td><input name="sContractRelation" type="text" ></td>
                                            <td><label>联系人电话</label></td>
                                            <td><input name="sContractPhone" type="text" ></td>
                                        </tr>
                                        <tr>
                                            <td><label>婚否</label></td>
                                            <td>
                                                <select name="bMarried" type="text" >
                                                    <option value="0">否</option>
                                                    <option value="1">是</option>
                                                </select>
                                            </td>
                                            <td><label>备注</label></td>
                                            <td colspan="3"><input name="sRemark" type="text" ></td>
                                        </tr>
                                        <tr>
                                            <td><label>户籍地址</label></td>
                                            <td  colspan="3">
                                                <input name="sFamilyAddress" type="text" >
                                            </td>
                                            <td><label>户籍性质</label></td>
                                            <td>
                                                <select name="iRegisterType" type="text" >
                                                    <option value="0">户籍性质</option>
                                                    {% if enums['iRegisterType'] is defined and enums['iRegisterType'] | length > 0  %}
                                                        {% for id,text in enums['iRegisterType'] %}
                                                            <option value="{{ id }}">{{ text }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td><label>现居住地</label></td>
                                            <td  colspan="3">
                                                <input name="sNowAddress" type="text" >
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="middle"><label>个人评价</label></td>
                                            <td colspan="5">
                                                <textarea type="text" rows="3" name="mEvaluate"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a id="save" class="btn btn-primary">保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- ./tab-pane -->
                {% if info is defined %}
                    <div class="tab-pane fade"  id="style3Tab2" style="height: 100%;width: 100%">
                        <div style="padding: 10px;">
                            <form id="readForm">
                                <div class="xh-area-form">
                                    <table style="width: 100%">
                                        <tr>
                                            {#<td style="width: 75px;"><label>应聘职位</label></td>#}
                                            {#<td>#}
                                                {#<input name="sPostName" type="text">#}

                                            {#</td>#}
                                            <td><label>推荐人</label></td>
                                            <td>
                                                <select name="iRecStaff">
                                                    <option value="" >请选择</option>
                                                    {% for id,text in staffArr %}
                                                        <option value="{{ id }}">{{ text }}</option>
                                                    {% endfor %}
                                                </select>
                                            </td>
                                            <td style="width: 75px;">
                                                <label>几天到职</label>
                                            </td>
                                            <td>
                                                <input name="iStaffId" type="hidden">
                                                <input name="sMaxHire" type="text">
                                            </td>
                                            <td><label>应聘途径</label></td>
                                            <td>
                                                <select name="iEmploySource">
                                                    <option value="" >请选择</option>
                                                    {% for id,text in enums['iEmploySource'] %}
                                                        <option value="{{ id }}">{{ text }}</option>
                                                    {% endfor %}
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>是否<br>愿意出差</label></td>
                                            <td>
                                                <select name="bEvection">
                                                    <option value="1">是</option>
                                                    <option value="0">否</option>
                                                </select>
                                            </td>
                                            <td><label>是否<br>常开车</label></td>
                                            <td>
                                                <select name="iCarVeteran">
                                                    <option value="0">未曾</option>
                                                    <option value="1">偶尔</option>
                                                    <option value="2">经常</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>当前月薪</label></td>
                                            <td>
                                                <input type="text" name="sCurMoSalary">
                                            </td>
                                            <td><label>当前年薪</label></td>
                                            <td>
                                                <input type="text" name="sCurYeSalary">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>期望月薪</label></td>
                                            <td>
                                                <input type="text" name="sHpMoSalary">
                                            </td>
                                            <td><label>期望年薪</label></td>
                                            <td>
                                                <input type="text" name="sHpYeSalary">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label>试用工资</label></td>
                                            <td>
                                                <input type="text" name="sProbationSalary">
                                            </td>
                                            <td><label>正式工资</label></td>
                                            <td>
                                                <input type="text" name="sRegularSalary">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a  class="btn btn-primary" onclick="obj.funObj().saveEmployInfo();">保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                        {#<iframe  id="groupFrame" src="{{ url('school_book/groupOrg?iSBLId=')~iSBLId }}" name="groupFrame"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>#}
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab7" style="height: 100%;width: 100%">
                        <iframe   name="employ"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab3" style="height: 100%;width: 100%">
                        <iframe  name="leanExperience"    style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab4" style="height: 100%;width: 100%">
                        <iframe  name="workExperience"    style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab5" style="height: 100%;width: 100%">
                        <iframe  name="itemExperience"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab6" style="height: 100%;width: 100%">
                        <iframe   name="family"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab8" style="height: 100%;width: 100%">
                        <iframe   name="contract"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab9" style="height: 100%;width: 100%">
                        <iframe   name="accessory"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                {% endif %}
            </div><!-- ./tab-content -->
        </div>
    </div>
</div>